UI/UX Case Study: Newsfeed Application
Introduction
Hello
it's Anjali jha today I am here for presenting my new case study. In this case study I will describe you to newsfeed application redesign process.
Research Background:
We already know about news application , news is help for people to update current situation. According to the data, more than half the world's adult population read a newspaper more than 2.5 billion in print and more than 600 million in digital form. That represents more readers and users than total global users of the internet, WAN said. but the problem facing by the user of reading news online like overload information , limited offline access. This application solve all the user problem.
Details:
All the detail are given below
_ Product name: News Application
_ Methods: Empathize, Define, Ideate, Design and prototype.
_ Timeline: May 2023 to June 2023
_ Tools: Figma, Adobe xd, Fig jam
Objective:
This case study based on
- Streamlined Navigation
- Personalized Content Recommendations
- Faster Load Times and Offline Access
- All Content divided into different section
- Audio read features
Design Process:
Empathize
In this stage we have conduct research to find all the problem to the news. This is the first stage of design process after research we have find 3 way people used to read newspaper are given below:
* Facebook
* YouTube
* Third party app
Define
This is the Second stage of design process. In this stage we have describe all pain point faced by the user for reading news online also understand user needs , goals , user requirement. Some pain point are given below:
Ideate
In this stage we have describe all possible solution to the particular problem faced by the user also in this stage develop creative ideas to solve the problem or address the challenge identified during the earlier stages of the design process.
Prototype
In the context of product design and development, a prototype is a preliminary or early version of a product that is created in order to test and evaluate its design, functionality, and usability.
Wireframe
In this stage, I have design news app wireframe. A wireframe is a basic visual representation of a user interface (UI) design that outlines the layout and structure of an app or website.
Mockup:
Mockup is the high level representation of the design. in this stage we have describe all combination of the style, typography, color and other. here is the mockup design for news app
UI Style Guide:
Here is the ui style guide for news app.
Interactive prototype
Here is the interactive prototype for news app please click the below link and see the news app prototype.
Lesson
Thanks for reading this case study , I hope this case study solve all the problem faced by the user for reading online news and people easily read news customized according to their choice hope you will like this case study.
Thank you!